
#out
{    
    width:500px;
    height:780px;
    margin:auto;
    margin-top:100px;
    background: white;
}

#header
{
    width:100%;
    height:150px;
    background: #169BD5;
    text-align: center;
}

#header img
{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 15%;
    max-height: 15%;
    top:180px;
}

#main
{
    margin-top:25px;
}

.main-item
{
    height:70px;
    margin-left:50px;
}

.top
{
    height:50px;
}

.top h4
{
    float:left;
}

.top input
{
    float:left;
    font-size:16px;
    font-family: Microsoft Yahei;
    font-weight: bold;    
    margin-left:10px;
    margin-top:15px;
    height:30px;
    width:280px;
}

.tip
{
    height:20px;
    width:291px;
    margin-left:106px;
    font-size:13px;
    font-family: Microsoft Yahei;
    font-weight: thin;
    color:#8ec4f0;
}

#action
{
    margin-left:130px;
    margin-top:23px;
    width:260px;
    height:40px;
    background: #169BD5;
    border:1px solid #ccc;
    outline: none;
    color:white;
    font-size: 20px;
    font-weight: bord;
    font-family: Microsoft Yahei;
    border:none;
}

#comment
{
    margin-left:50px;
    width:400px;
    height:400px;
}

#jump
{
    margin-left:50px;
    width:400px;
    height:200px;
}

#jump button
{
    margin-left:60px;
    margin-right:50px;
    width:80px;
    height:30px;
}